<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>探究多列</title>
    <style>
        body{
            width: 500px;
            margin:  50px auto;
            padding: 10px;
            border: 1px solid #000;
            column-count: 3;
            /* column-width: 150px; */
            column-rule: 2px solid red;
        }
        h{
            height: 60px;
            line-height: 60px;
            text-align: center;
            font-style: 16px;
        }
    </style>
    
</head>
<body>
    <h1>朱自清——春</h1>
    <p>盼望着，盼望着，东风来了，春天的脚步近了。</p>
    <p>......</p>
    <p>一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。</p>
    <p>小草偷偷地从土地里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回迷藏。风轻悄悄的，草软绵绵的。“一年之计在于春”，刚起头儿，有的是工夫，有的是希望。</p>
</body>
</html>